<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>this is my javascript</title>
</head>
<body>
<script>
    //1.提示框
    alert("农夫山泉有点甜！")
    //2.定义变量
      //2.1.常量型
    var a=1;
    var b= 'dy';//尽量使用单引号
    var c="cc";
    a=c;
    alert(a);
      //2.2.数组型
    var a1=[1,2,3];

    var java=new Array();
    java[0]="spring";
    java[1]="struts";
    java[2]="hibernate";
    console.log(java);
    var java=new Array("a","b","c");
    var java=["a","b","c"];
    console.log(java.indexOf("b"));//取b得位数

      //2.3.对象型
    var obja={name:"小王",age:30}
     console.log(obja);

    //3.方法
    function  getDate() {
        console.log(Date());
    }

    //4.DOM 网页元素列表
    //4.1 getElementById：通过元素的id来获取一个元素
    var d1=document.getElementById("txt1")
    console.log(document.getElementById("txt1"));
    //4.2 getElementsByName:通过元素的name来获取一个数组
   // var arr1=document.getElementsByName("txt1");
      //console.log(arr1.length)
     console.log(document.getElementsByName("txt1"));


</script>
//获取时间的方法调用
<input type="button" value="获取时间" onclick="getDate()"><br>
<input type="text" id="txt1" value="aa " onclick="getTxt1()"><br>
<input type="text" name="txt1" value="b "><br>
<input type="text" name="txt1" value="c "><br>
<input type="button" value="修改文本" onclick="setTxt1()"><br>
<form id="form1">
姓名：<input type="text" name="inTxt"><br>
密码:<input type="password" name="inPwd"><br>
密码:<input type="password" name="inPwd1"><br>
提交：<input type="button" id="inBtnSub" value="提交数据" onclick="sub()"><br>
</form>

<table  border="1" >
    <tr><th name="xd" >序号</th><th>姓名</th><th>年龄</th></tr>
    <tr><th>1</th><td >张三</td><td>22</td> </tr>
    <tr><th>2</th><td>李四</td><td>25</td></tr>
    <tr><th>3</th><td>25</td></tr>
</table>


<script>
    //5.自定义函数，用onclick="setTxt1()来启用函数
    function getTxt1() {
        console.log(document.getElementById("txt1").value);
    }
    function setTxt1() {
        document.getElementById("txt1").value='666';
    }
    function addT(a,b) {
        return a+b;
    }
    console.log(addT(1,2));

    //6.JS闭包
    var result=100;
    function add(a,b) {
        //从a开始+1，加b次，如果a是3，则直接返回3
     //var  result=0;
        result=0;
        if(a==3){
            result=3 ;
        }else{
            result=a;
            for(var i=a;i<a+b;i++){
//                console.log(i);
                result=result+1;
            }
        }
        return result;


    }
    console.log(add(1,3));
    console.log(result);
    //js闭包：
    //1.外部var一个变量，函数内部同样var一个，函数内部以内部var为准，外部以外部var为准。
    // 2.外部var一个变量，函数内部重新赋值，函数内部以内部var为准，外部以内部为准。
    //   3. 外部var一个变量，函数内部直接使用，函数内部以内部var为准，外部以内部为准。

    //7.innerHTML：是用来获取网页元素的网页内容（非自身属性）
    var arr1=document.getElementsByName("xd");
    console.log(arr1[0].innerHTML);

  //8.outerHTML
    var arr1=document.getElementsByName("txt1");
    console.log(arr1[0].outerHTML);

    //9.利用DOM来提交数据
    function sub() {
        var user= document.getElementsByName("inTxt")[0].value;
        if(user.length==0||user.length>20){
            alert("请输入正确的帐号");
            return;
        }else if(document.getElementsByName("inPwd")[0].value!=document.getElementsByName("inPwd1")[0].value)
        {
            alert("两次输入密码不同");
            return;
        }
        document.getElementById("form1").submit();
    }


</script>


</body>
</html>
